<template>
    <div id="layout">
        <Layout >

            <Header class="header">
                <!-- 引入头部组建 -->
                <com-header></com-header>
            </Header>
            <Layout id="contentLayout">
                <Header class="contentHeader">

                </Header>
                <!-- 引入主题内容 -->
                <com-content>

                </com-content>
               
            </Layout>
            <Footer class="footer">
                <!-- 引入底部 -->
                <com-footer></com-footer>
                
            </Footer>
            
            <Row class="copy-right">
                <div class="bottom-link">
                    <a>关于我们</a>
                    <span>|</span>
                    <a href="">产品服务</a>
                    <span>|</span>
                    <a href="">服务条款</a>
                </div>    
                <p>
                    Copyright © 2018 www.anhuanjia.com  All Rights Resreved   |  京ICP备13038154号-6   安环家荣誉出品
                </p>
            </Row>
        
        </Layout>
    </div>
</template>

<script>
    import comHeader from './components/Header.vue'
    import comContent from './components/Content.vue'
    import comFooter from './components/Footer.vue'
    export default {
        data() {
            return {}
        },
        components: {
            comHeader,
            comContent,
            comFooter
        }
    }
</script>

<style scoped>
    @import url('./main.less');
    .copy-right{
        text-align: center;
        background: #fff;
        padding: 20px 0px;
    }
</style>